<template>
    <view class="sky-goods-card">
        <view class="hot-goods" @tap="toGoodsDetail">
            <image class="image" src="/static/images/hot-goods.png" mode="aspectFit"/>
        </view>
        <slot/>
    </view>
</template>
<script setup>

const toGoodsDetail=()=>{
    qly.page.open('/pages/home/goods/detail', {id: 1})
}
</script>
<style scoped lang="scss">
.sky-goods-card {
    margin-top: -18rpx;
    background-color: #fff;
    padding: 32rpx;
    box-sizing: border-box;
    border-radius: 24rpx 24rpx 0 0;
    z-index: 9;
    position: relative;
    .hot-goods {
        width: 100% !important;
        height: 40rpx;
        margin-bottom: 24rpx;
        .image {
            width: 100%;
            height: 100%;
        }
    }
}
</style>
